﻿<div ng-controller="DetailController">
    <div class="wrapper-md" >
        <div class="panel panel-default">
        <form class="form-horizontal ng-pristine ng-valid ng-valid-date ng-valid-required ng-valid-parse ng-valid-date-disabled" ng-submit="submit()">
            <input type="hidden" class="form-control" ng-model="data.articleId" >
            <div class="form-wrapper wrapper">
                <div class="ctrl-wrap flex aic mb-7">
                  <div class="w-6em form-label">
                    <label for="">文章标题:</label>
                  </div>
                  <div class="flex-1 form-field">
                    <input type="text" required="" class="form-control" ng-model="data.articleTitle" name="articleTitle">
                  </div>
                </div>
                <div class="ctrl-wrap flex aic mb-7">
                  <div class="w-6em form-label">
                    <label for="">文章大图:</label>
                  </div>
                  <div class="flex-1 form-field">
                    <!-- 属性wu表示上传插件  ng-model绑定数据-->
                    <div class="wu" wu ng-model="data.cover" >
                        <input type="hidden" class="form-control file-upload" ng-model="data.cover" name="cover" >
                        <div class="pick-wrap">
                            <div class="pick" data-preview="true" >上传图片</div>
                        </div>
                        <div class="file-list">
                            
                        </div>
                    </div>    
                  </div>
                </div>
                <div class="ctrl-wrap flex aic  mb-7">
                  <div class="w-6em form-label">
                    <label for="">文章内容:</label>
                  </div>
                  <div class="flex-1 form-field">
                    <textarea name="content" ng-model='data.articleContent' meta-umeditor meta-umeditor-config="all_config"></textarea>
                  </div>
                </div>
                <div class="ctrl-wrap flex aic  mb-7">
                  <div class="w-6em">
                    <label for="">所属行业:</label>
                  </div>
                  <div class="flex-1">
                    <select class="form-control">
                      <option value="">教育行业</option>
                      <option value="">游戏行业</option>
                      <option value="">互联网信息技术行业</option>
                    </select>
                  </div>
                </div>
                <div class="ctrl-wrap flex aic  mb-7">
                  <div class="w-6em ">
                    <label for="">单选:</label>
                  </div>
                  <div class="flex-1 form-field">
                    <div class="radio-circle">
                      <span class="dib vam mr-5">
                        <input type="radio" name="dd" value="1" id="d1" checked="checked"><label class="dummy-check" for="d1"></label>
                        <label for="d1">1-3年</label>
                      </span>
                      <span class="dib vam mr-5">
                        <input type="radio" name="dd" value="1" id="d2"><label class="dummy-check" for="d2"></label>
                        <label for="d2">5-9年</label>
                      </span>
                      <span class="dib vam mr-5">
                        <input type="radio" name="dd" value="1" id="d3"><label class="dummy-check" for="d3"></label>
                        <label for="d3">11年</label>
                      </span>
                    </div>
                  </div>
                </div>

                <div class="ctrl-wrap flex   mb-7">
                  <div class="w-6em ">
                    <label for="">你的爱好:</label>
                  </div>
                  <div class="flex-1 form-field">
                    <div class="check-square">
                      <span class="db mb-3">
                        <input type="checkbox" name="dd" value="1" id="dd1"><label class="dummy-check" for="dd1"></label>
                        <label for="dd1">足球</label>
                      </span>
                      <span class="db mb-3">
                        <input type="checkbox" name="dd" value="1" id="dd2"><label class="dummy-check" for="dd2"></label>
                        <label for="dd2">游戏</label>
                      </span>
                      <span class="db mb-3">
                        <input type="checkbox" name="dd" value="1" id="dd3"><label class="dummy-check" for="dd3"></label>
                        <label for="dd3">购物</label>
                      </span>
                    </div>
                  </div>
                </div>
                
                
                <div class="form-action">
                  <div class="dib w-6em"></div><button class="btn btn-primary" type="submit">提交</button>
                </div>


              </div>
            
         </form>
      </div>
    </div>
</div>